@guideColor: #cf000d;
.swiper-slide-1 {
  position: relative;
  .animated {
    position: absolute;
  }
  .swiper-slide-img1 {
    z-index: 222;
    top: 60px;
    right: 30%;
  }
  .swiper-slide-img2 {
    z-index: 2222;
    bottom: 80px;
    right: 26%;
    animation-duration: 3s;
  }
}

.indexSection {
  position: relative;
  z-index: 22222;
  transform: translateY(-20px);
  .col-3 {
    cursor: pointer;
    a {
      position: relative;
      display: inline-block;
      width: 100%;
      transform-style: preserve-3d;
      transition: .8s;
      .indexSection-nav-text {
        top: 0;
        left: 0;
        position: absolute;
        //visibility: hidden;
        background: #fff;
        width: 100%;
        height: 170px;
        transform: rotateX(180deg);
      }
    }
    &:hover a {
      transform: rotateX(180deg);
    }
  }
  .indexSection-nav {
    .indexSection-nav-detail {
      height: 170px;
      img {
        width: 100%;
        height: 170px;
      }
    }
  }

  .indexSection-text {
    margin-top: 20px;
    h2 {
      font-weight: normal;
    }
    p {
      span {
        color: @guideColor
      }
    }
  }
}

.col-3-sectionLists {
  padding: 5px 7px;
  a {
    position: relative;
    display: inline-block;
    width: 100%;
    .indexSection-nav-detail {

    }
    .indexSection-nav-text {
      width: 100%;
      height: 170px;
      position: absolute;
      top: 0;
      left: 0;
      transition: all .3s linear;
      opacity: 0;
      background: rgba(255, 255, 255, .6);
    }
    &:hover .indexSection-nav-text {
      opacity: 1;
    }
  }
}

.footer {
  height: 290px;
  background: #131313;
  padding-bottom: 20px;

  .footer-bg {
    height: 100%;
    background: #272727;
    width: 100%;
    color: #E3E3E3;
    .footer-detail-serviceTel {
      padding-left: 20px;
    }
  }
  .footer-detail {
    .footer-detail-link {
      ul {
        li {
          padding-bottom: 10px;
          a {
            font-size: 15px;
            color: #E3E3E3;
            letter-spacing: 2px;
          }
          span {
            letter-spacing: 1px;
          }
        }
      }
    }
    .footer-detail-addr {
      ul {
        li {
          p {
            margin: 0;
            padding: 0 0 40px 0;
            font-size: 15px;
            span {
              padding: 0 5px;
            }
          }
          img {
            vertical-align: middle;
            width: 26px;
            height: 18px;
          }
        }
      }
    }
  }
}

.aside {
  width: 90px;
  height: 110px;
  background: #CF000D;
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 22223;
  .aside-container {
    width: 100%;
    height: 100%;
    div {
      width: 40px;
      height: 40px;
      background: #ffffff;
    }
    a{
      color:#fff;
      padding-top:10px;
      display: inline-block;
    }
  }
}
























